<template>
    <div class="header">
      <router-link to="/">
        <div class="header-left">
          <span class="iconfont">&#xe667;</span>
        </div>
      </router-link>

      <span>
        国内城市
      </span>
    </div>
</template>

<script>
    export default {
        name: "header"
    }
</script>

<style lang="stylus" scoped>
  @import '~css/common.styl'

  .header
    overflow: hidden
    height:.86rem
    line-height:.86rem
    background-color: $bgColor;
    text-align: center
    font-size:.32rem
    color: #fff
    .header-left
      width:.64rem
      position: absolute
      left:0
      top:0
      text-align:center
      font-size:.24rem
      color: #fff


</style>
